<%-- 
    Document   : adminaddmanager
    Created on : Feb 28, 2012, 3:42:31 PM
    Author     : Alex
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <style type="text/css">
body {
	background-color: #000;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 7pt;
	color: #FFF;
}

h1 { font-family:Verdana, Geneva, sans-serif; font-size:24; text-align:center;}
h2 { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:white;}
h3 { font-family:Verdana, Geneva, sans-serif; font-size:30; color:white; text-align:center;}

#menu{
    font: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: white;
    position: absolute;
    top: 200px;
    left: 150px;
    text-align: left;
    font-style: bold;
}

#addmanager{
    font: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: white;
    position: absolute;
    top: 180px;
    left: 400px;
    text-align: left;
    font-style: bold;
}

#addmanager2{
    font: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: white;
    position: absolute;
    top: 180px;
    left: 600px;
    text-align: left;
    font-style: bold;
}

   </style>
   <script language = "Javascript" type="text/javascript">

function OnBlurInput(blur){

			if(blur.value == "")
			{
		    blur.value = "";
			}

}

function OnBlurInputPass(blur){

			if(blur.value == "")
			{
		    blur.value = "";
			}

			if(blur.value == "Password" || blur.value == "Retype Password" )
			{
			blur.type = "text";
			blur.value = blur.defaultValue;
			}


}

function OnClickInput(click){

			if(click.value == click.defaultValue )
			{
				click.value = "";
			}


}

function OnClickInputPass(click){

			if(click.value == click.defaultValue )
			{
				click.value = "";
			}
			if(click.type == "text")
			{
			click.type = "password";

			}

}
</script>
    <head>
        <script src="jquery.js"></script>
        <script  src="jquery.validate.js"></script>
        <script src="jquery.js"></script>
        <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
        <script src="jquery.js"></script>
        <script src="jquery.ui.core.js"></script>
        <script src="jquery.ui.widget.js"></script>
        <script src="jquery.ui.datepicker.js"></script>

        <script>
            $(function() {
                $( "#expdate" ).datepicker();
            });
        
        
        </script>
        <script type="text/javascript" src="jquery.validate.js"></script>
        <style type="text/css">
            * { font-family: Verdana; font-size: 96%; }
            label { width: 10em; float: left; }
            label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
            p { clear: both; }
            .submit { margin-left: 12em; }
            em { font-weight: bold; padding-right: 1em; vertical-align: top; }
        </style>
                <script>
            $(document).ready(function(){
                $("#RegisterForm").validate({
                    rules: {
                        expdate: {
                            required: true,
                            date: true
                        }
                    }
                }
            );
            });
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>FooBar BookStore</title>
      <%--  <%
        if(session.getAttribute("admin") == null){
            response.sendRedirect("index.jsp");
        }
        else{
        %>     --%>
    </head>
    <body>
        <h1>Administrator Add Manager</h1>
        
          <div id="menu">
              
              <h2> Administrator Menu </h2></br> <% session.getAttribute("firstname");%> <%session.getAttribute("lastname");%>
          <strong><a href="adminaddmanager.jsp"><h2>Add Manager</h2></a><strong>
          <strong><a href="adminaddproduct.jsp"><h2>Add Product</h2></a><strong>
          <strong><a href="LogoutServlet"><h2>LOGOUT</h2></a></strong>
          </div>
        
        
        <div id="addmanager">
        <form method="post" action="ManagerServlet" id="ManagerForm" name="ManagerForm">
        <h2>First Name:</h2> <input type="text" name="firstname"  id="firstname "class="required" id="firstname"/><br>
       <h2> Last Name:</h2> <input type="text" name="lastname" id="lastname" class="required"/><br>
       <h2> Middle:</h2> <input type="text" name="middlename"  id="middlename "class="required"/><br>
       <h2> username:</h2> <input type="text" name="username" id="username" class="required"/><br>
       <h2> password:</h2> <input type="text" name="password"  id="password" class="required"/><br>
      <h2>  re-type password:</h2> <input type="text" name="password" id="password1" class="required" equalTo="#password"/><br>
        <h2>Type:</h2><!--<input type="text" name="ManType" value="Books"/><br> -->
    <select name ="ManType" id="type" class="creditCardType">
     <option value="">Choose Type</option><br>
     <option value="Book"> Book </option>
    <option value="Magazines"> Magazines </option> 
       <option value="Audio"> Audio </option> 
        <option value="DVD"> DVD </option>
    <br>         <input type="submit" name="submit" value="Add Data"/>
        </form>
        </div>
        
        
        <%--     <%
             }
         %> --%>
    </body>
</html>
